<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="../common/normalize.css">
    <link rel="stylesheet" href="../build/css/index.css">
    <link rel="stylesheet" href="../build/css/common.css">
</head>
<body>
<div id="nav" class="nav">
    <div class="container">
        <div class="logo"></div>
        <div id="search_block" class="search-block">
            <div class="search-block-magnifier"></div>
            <input type="text" placeholder="Search apple.com"/>
        </div>
        <ul id="nav_prod" class="product">
            <li><a href="javascript:void(0);">Mac</a></li>
            <li><a href="javascript:void(0);">iPad</a></li>
            <li><a href="javascript:void(0);">iPhone</a></li>
            <li><a href="javascript:void(0);">Watch</a></li>
            <li><a href="javascript:void(0);">TV</a></li>
            <li><a href="javascript:void(0);">Music</a></li>
            <li><a href="javascript:void(0);">Support</a></li>
        </ul>
        <div id="search" class="search"></div>
        <div id="search_close" class="search-close">
            <div class="line_left" ></div>
            <div class="line_right" ></div>
        </div>
        <div id="shopping" class="shopping"></div>
    </div>
</div>
<div class="clearfix"></div>
<div id="main" class="main">
    <div class="show-img"></div>
    <div class="show-intro">
        <div class="title1">iPhone6</div>
        <div class="title2">The only thing that's changed is everything.</div>
        <div class="link">
            <a href="" class="link-span">Learn more ></a>
            <a href="" class="link-span">Trade up to a new iPhone ></a>
        </div>
    </div>
</div>
<div class="clearfix"></div>
<div id="section_show" class="section-show">
    <div class="show-block show-block-1"></div>
    <div class="show-block show-block-2"></div>
    <div class="show-block show-block-3"></div>
    <div class="show-block show-block-4"></div>
</div>
<div class="clearfix"></div>
<div id="section_link" class="section-link">
    <a href="" >AC Wall Plug Adapter Recall Program ></a>
</div>
<div id="footer" class="footer">
    <div class="container">
        <div class="show-block">
            <div class="content">Shop and Learn
                <ul>
                    <li><a href="javascript:void(0);">Mac</a></li>
                    <li><a href="javascript:void(0);">iPad</a></li>
                    <li><a href="javascript:void(0);">Watch</a></li>
                    <li><a href="javascript:void(0);">TV</a></li>
                    <li><a href="javascript:void(0);">Music</a></li>
                    <li><a href="javascript:void(0);">iTunes</a></li>
                    <li><a href="javascript:void(0);">iPod</a></li>
                    <li><a href="javascript:void(0);">Accessories</a></li>
                    <li><a href="javascript:void(0);">Gift Cards</a></li>
                </ul>
            </div>
        </div>
        <div class="show-block">
            <div class="content">Apple Store
                <ul>
                    <li><a href="javascript:void(0);">Find a Store</a></li>
                    <li><a href="javascript:void(0);">Genius Bar</a></li>
                    <li><a href="javascript:void(0);">Workshops and Learning</a></li>
                    <li><a href="javascript:void(0);">Youth Programs</a></li>
                    <li><a href="javascript:void(0);">Apple Store App</a></li>
                    <li><a href="javascript:void(0);">Refurbished</a></li>
                    <li><a href="javascript:void(0);">Financing</a></li>
                    <li><a href="javascript:void(0);">Reuse and Recycling</a></li>
                    <li><a href="javascript:void(0);">Order Status</a></li>
                    <li><a href="javascript:void(0);">Shopping Help</a></li>
                </ul>
            </div>
        </div>
        <div class="show-block">
            <div class="content">For Education
                <ul>
                    <li><a href="javascript:void(0);">Apple and Education</a></li>
                    <li><a href="javascript:void(0);">Shop for College</a></li>
                </ul>
            </div>
            <div class="content">For Business
                <ul>
                    <li><a href="javascript:void(0);">iPhone in Business</a></li>
                    <li><a href="javascript:void(0);">iPad in Business</a></li>
                    <li><a href="javascript:void(0);">Mac in Business</a></li>
                    <li><a href="javascript:void(0);">Shop for Your Business</a></li>
                </ul>
            </div>
        </div>
        <div class="show-block">
            <div class="content">Account
                <ul>
                    <li><a href="javascript:void(0);">Manage Your Apple ID</a></li>
                    <li><a href="javascript:void(0);">Apple Store Account</a></li>
                    <li><a href="javascript:void(0);">iCloud.com</a></li>
                </ul>
            </div>
            <div class="content">Apple Values
                <ul>
                    <li><a href="javascript:void(0);">Environment</a></li>
                    <li><a href="javascript:void(0);">Supplier Responsibility</a></li>
                    <li><a href="javascript:void(0);">Accessibility</a></li>
                    <li><a href="javascript:void(0);">Privacy</a></li>
                    <li><a href="javascript:void(0);">Inclusion and Diversity</a></li>
                    <li><a href="javascript:void(0);">Education</a></li>
                </ul>
            </div>
        </div>
        <br/>
        <div class="more-way">
            More ways to shop: Visit an <a href="javascript:void(0);">Apple Store</a>, call 1-800-MY-APPLE, or <a href="javascript:void(0);">find a reseller</a>.
        </div>
        <div class="copyright">
            Copyright © 2016 Apple Inc. All rights reserved.
        </div>
    </div>
</div>
<script src="../js/jquery.js"></script>
<script src="../js/index.js"></script>
</body>
</html>